<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="__CSS__/font.css">
    <link rel="stylesheet" href="__CSS__/xadmin.css">
    <link rel="stylesheet" href="__CSS__/font-awesome.min.css">


</head>
<body>
    <div class="layui-container">
        <div class="layui-row">&nbsp;</div>
        <div class="layui-row">
            <div class="layui-col-md2"></div>
            <div class="layui-col-md8">
                <form class="layui-form layui-form-pane" action="">
                    <div class="layui-form-item">
                        <label class="layui-form-label">姓名</label>
                        <div class="layui-input-inline">
                            <input type="text" name="name" required  lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">出生日期</label>
                        <div class="layui-input-inline">
                            <input class="layui-input" placeholder="" name="birthday" id="birthday-id" placeholder="请选择出生日期"  lay-verify="required">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">手机号</label>
                        <div class="layui-input-inline">
                            <input type="text" name="age" required  lay-verify="required" placeholder="请输入手机号" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">身份证号码</label>
                        <div class="layui-input-inline">
                            <input type="text" name="age" required  lay-verify="required" placeholder="请输入身份证号码" autocomplete="off" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-upload-drag" id="test10">
                            <i class="layui-icon"></i>
                            <p>点击上传身份证正面照片</p>
                        </div>
                        <div class="layui-upload-drag" id="test11">
                            <i class="layui-icon"></i>
                            <p>点击上传身份证反面照片</p>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">银行账号</label>
                        <div class="layui-input-inline">
                            <input type="text" name="age" required  lay-verify="required" placeholder="请输入银行账号" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">开户银行</label>
                        <div class="layui-input-inline">
                            <input type="text" name="age" required  lay-verify="required" placeholder="请输入开户银行" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">联系地址</label>
                        <div class="layui-input-inline">
                            <input type="text" name="age" required  lay-verify="required" placeholder="请输入联系地址" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">电子邮箱</label>
                        <div class="layui-input-inline">
                            <input type="text" name="age" required  lay-verify="required" placeholder="请输入电子邮箱" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">邀请码</label>
                        <div class="layui-input-inline">
                            <input type="text" name="age" required  lay-verify="required" placeholder="请输入邀请码" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="layui-col-md2"></div>
        </div>

    </div>


    <script type="text/javascript" src="__JS__/jquery.min.js"></script>
    <script src="__JS__/lib/layui/layui.js" charset="utf-8"></script>

    <script>
        //Demo
        layui.use(['form', 'laydate'], function(){
            $ = layui.jquery;
            var layer = layui.layer;
            var form = layui.form;
            var laydate = layui.laydate;
            /* 出生日期 */
            laydate.render({
                elem: '#birthday-id' //指定元素
                ,type: 'date'
                /*//,range: true //范围选择
                 ,format: 'yyyy' //格式显示
                 ,theme: 'default' //主题：default（默认简约）、molv（墨绿背景）、#颜色值（自定义颜色背景）、grid（格子主题）*/
                ,theme: 'molv'
                ,done: function(value, date, endDate) {
                    //console.log(value); //得到日期生成的值，如：2017-08-18
                    //console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
                }
            });

            //监听提交
            form.on('submit(formDemo)', function(data){
                layer.msg(JSON.stringify(data.field));
                return false;
            });
        });
    </script>
</body>
</html>